import { onMounted, ref } from "vue";
import homeApi from "@/api/home";
// 封装我们banner轮播图相关的业务代码
export function useBanner() {
  //获取我们的banner轮播图数据
  const bannerList = ref([]);
  //封装获取bannerList数据的方法
  const getBannerList = async () => {
    const res = await homeApi.getBanner({
      distributionSite: "2",
    });
    bannerList.value = res.result;
    //console.log(bannerList.value);
  };
  //onMounted函数在组件挂载后执行
  onMounted(() => getBannerList());

  //返回数据，提供给其他组件template使用
  return {
    bannerList,
  }
}